import { useDebugValue } from "react";
import { useState } from "react";

// 自定义一个hooks
function useFriengStatus(friendId) {
  const [isOnline, setIsOnline] = useState(false)

  // 忽略通过 friendId ，查找用户状态的逻辑

  // useDebugValue 可用于在 React 开发者工具中显示自定义 hook 的标签。不是每一个自定义的Hooks,都需要使用。
  useDebugValue(isOnline ? 'ONLINE' : 'OFFLINE')
  return isOnline;
}

const MyUseDebugValue = () => {
  const isOnline = useFriengStatus(57);
  return (
    <div>
      你的朋友当前 {isOnline ? 'ONLINE' : 'OFFLINE'}
    </div>
  )
}

export default MyUseDebugValue;